{% load i18n %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <link rel="stylesheet" href="/style.css" />
    <title>{% block title %}User test{% endblock %}</title>
    <link rel="stylesheet" href="{{MEDIA_URL}}css/blueprint/screen.css" type="text/css" media="screen, projection">
    <link rel="stylesheet" href="{{MEDIA_URL}}css/blueprint/print.css" type="text/css" media="print">	
    <!--[if lt IE 8]><link rel="stylesheet" href="{{MEDIA_URL}}css/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
</head>

<body>
  <div class="container">
    <div id="header" class="container">
        {% block header %}
            <a href="{% url index %}">{% trans "Inici" %}</a> | 
            {% if user.is_authenticated %}
                {% trans "Benvingut" %}: {{ user.username }} 
                 <a href="{% url auth_logout %}">{% trans "Desconnectar" %}</a> | 
                 <a href="{% url auth_password_change %}">{% trans "Canviar la clau" %}</a>
                 |<a href="{% url mis-inscripciones %}">{% trans "Les meves inscripcions" %}</a>
            {% else %}
                    <a href="{% url auth_login %}">{% trans "Login" %}</a>
            {% endif %}
        <hr />
        {% endblock header %}
    </div>

    <div id="content">
        {% block content %}{% endblock content %}
    </div>

    <div id="footer">
        {% block footer %}
        <a href="/condicions-legals/">{% trans "Condicions legals" %}</a> | <a href="/qui-som/">{% trans "Quí som" %}</a>
        <hr />
        {% endblock footer %}
    </div>
  </div> <!-- main container -->    
    {% block common_js %}{% endblock common_js%} {# js comun a toda la aplicación #}
    {% block page_js %}{% endblock page_js%}     {# js específico de la página    #}
</body>

</html>
